<div class="col-lg-4 sticky-sidebar">
    <div class="sidebar theiaStickySidebar">
        <div class="sidebar-box">
            <div class="about-card">
                <div class="about-card-bg"></div>
                <div class="about-card-tx">
                    <i class="iconfont"></i>
                    <img src="{{ modstart_config_asset_url('Blog_Avatar') }}" alt="头像" />
                </div>
                <div class="about-card-name">
                    <h2><a href="mailto:{{ modstart_config('Site_ContactEmail') }}">{{ modstart_config('Blog_Name') }}</a></h2>
                    <p>{{ modstart_config('Blog_Slogan') }}</p>
                </div>
                <div class="about-card-carrier">
                    <ul>
                        <li>
                            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin={{ modstart_config('Blog_ContactQQ') }}&amp;site=qq&amp;menu=yes"
                               target="_blank" class="about-icon-qq" data-bs-toggle="tooltip"
                               data-bs-html="true" data-bs-title="点击发起在线聊天 {{ modstart_config('Blog_ContactQQ') }}"></a></li>
                        <li><a href="JavaScript:" class="about-icon-weixin" data-bs-toggle="tooltip"
                               data-bs-html="true"
                               data-bs-title="&lt;img src='{{ modstart_config_asset_url('BlogThemeLightA_WechatQrcode') }}' width=150&gt;"></a>
                        </li>
                        <li><a href="{{modstart_config('BlogThemeLightA_Bilibili')}}" target="_blank"
                               class="about-icon-bili" data-bs-toggle="tooltip" data-bs-html="true"
                               data-bs-title="点击进入B站主页"></a></li>
                        <li><a href="JavaScript:" class="about-icon-douyin" data-bs-toggle="tooltip"
                               data-bs-html="true"
                               data-bs-title="&lt;img src='{{ modstart_config_asset_url('BlogThemeLightA_DouyinQrcode') }}' width=150&gt;"></a>
                        </li>
                        <li><a href="JavaScript:" class="about-icon-kuaishou" data-bs-toggle="tooltip"
                               data-bs-html="true"
                               data-bs-title="&lt;img src='{{ modstart_config_asset_url('BlogThemeLightA_KuaishouQrcode') }}' width=150&gt;"></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="sidebar-box">
            <div class="sidebar-box-title"><h2>
                    <i></i>搜索一下</h2></div>
            <div class="sidebar-search">
                <form name="keyform" method="get"
                      action="{{ \Module\Blog\Util\UrlUtil::search() }}">
                    <input type="text" name="keyword" placeholder="善用搜索,事半功倍...">
                    <button type="submit"></button>
                </form>
            </div>
        </div>
        <div class="sidebar-box">
            <div class="sidebar-box-title"><h2>
                    <i class="iconfont"></i>阅读TOP榜</h2></div>
            <div class="sidebar-toplist">
                <ul>
                    @foreach(\MBlog::hottestBlog(5) as $r)
                        <li>
                            <a href="{{$r['_url']}}">{{$r['title']}}</a>
                            <span><i class="iconfont"></i>{{$r['clickCount']}}</span>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
        <div class="sidebar-box">
            <div class="sidebar-box-title">
                <h2>
                    <i class="iconfont"></i>最新评论</h2>
            </div>
            <div class="sidebar-comment">
                <div class="sidebar-comment-list">
                    @foreach(\MBlog::latestComment(5) as $r)
                        <div class="item">
                            <div class="head">
                                <div class="tx">
                                    <img src="@asset('vendor/BlogThemeLightA/static/image/tourist.jpg')"
                                         alt="{{$r['username']?$r['username']:'游客'}}">
                                </div>
                                <div class="data">
                                    <h4>
                                        {{$r['username']?$r['username']:'游客'}}
                                        <em><i></i>{{$r['created_at']}}</em>
                                    </h4>
                                    <span>
                                                        <i></i>发表在：
                                                        <a href="{{$r['blog']['_url']}}">{{$r['blog']['title']}}</a>
                                                    </span>
                                </div>
                            </div>
                            <div class="cont">
                                {!! $r['content'] !!}
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="sidebar-box">
            <div class="sidebar-box-title"><h2>
                    <i></i>日历</h2></div>
            <div class="sidebar-calendar">
                <script src="@asset('vendor/BlogThemeLightA/static/js/calendar.js')"></script>
            </div>
        </div>
        <div class="sidebar-box">
            <div class="sidebar-box-title"><h2>
                    <i class="iconfont"></i>链接</h2></div>
            <div class="sidebar-links">
                <ul>
                    @foreach(\MPartner::all('Blog') as $partner)
                        <li>
                            <a href="{{ $partner['link'] }}" target="_blank">{{ $partner['title'] }}</a>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
</div>
